<template>
  <div id="app">
    <qq-music-header></qq-music-header>
    <qq-music-nav :isGreen="num"></qq-music-nav>
    <qq-music-list></qq-music-list>
    <qq-music-new></qq-music-new>
    <qq-music-mv></qq-music-mv>
    <qq-music-leaderboard></qq-music-leaderboard>
  </div>
</template>
<script>
import QqMusicHeader from "@/components/header";
import QqMusicNav from "@/components/nav";
import QqMusicList from "@/components/list";
import QqMusicNew from "@/components/new";
import QqMusicMv from "@/components/mv";
import QqMusicLeaderboard from "@/components/leaderboard";
export default {
  components: {
    "qq-music-header": QqMusicHeader,
    "qq-music-nav": QqMusicNav,
    "qq-music-list": QqMusicList,
    "qq-music-new": QqMusicNew,
    "qq-music-mv": QqMusicMv,
    "qq-music-leaderboard": QqMusicLeaderboard,
  },
  data(){
      return{
          num:1
      }
  }
};
</script>
<style lang="less">
* {
  margin: 0;
  padding: 0;
  
}
</style>
